<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>NexMagic Scholar</title>
    <style>
        html, body {
            overflow: hidden;
            width: 100%;
            height: 100%;
        }
    </style>
</head>

<body>
<div id="main"></div>
<script src="../js/jquery.min.js"></script>
<script src="../js/echarts/echarts.al.min.js"></script>
<script src="../js/gAjax.js"></script>
<script src="../js/fos.tree.js"></script>

<script type="text/javascript">
    /*全屏大小*/
    $("#main").width(document.body.offsetWidth);
    $("#main").height(document.body.offsetHeight);
    var keyword = getUrlParam("keyword").toLowerCase();
    var chart;
    var allData = [];
    var f_data = [];
	var jsData = {};
	var sName = " ";
    $.ajaxSettings.async = false;

    var efCountMap = {};

    /**
    *  这个去掉
    */

    jsData = toTreeOne(keyword,true);
    sName = keyword;
    f_data = jsData.tData;
   
    chart = echarts.init(document.getElementById("main"));
   
    var option = {

        tooltip: {
            trigger: 'item',
            triggerOn: 'mousemove'
        },

        series:[
            {
                type: 'tree',
                data: [{
                    name: sName,
                    value: 6,
                    children: f_data
                }],
                roam:true,
                symbol: 'circle',
                symbolSize:4,
                itemStyle: {
                    normal: {
                        color: "#54b4e2",  // 会设置点和线的颜色，所以需要下面定制 line
                        borderColor: "#54b4e2"  // 点边线的颜色
                    }
                },
/*                 height:'150%', */
                orient: 'RL',
                right: '50%',

                label: {
                        position: 'right',
                        verticalAlign: 'middle',
                        align: 'left'
                },

                leaves: {
                    label: {
                            position: 'left',
                            verticalAlign: 'middle',
                            align: 'right'
                    }
                },
				
                lineStyle: {
                	width: 1.5
                },
                expandAndCollapse: true,
                animationDuration: 550,
                animationDurationUpdate: 750
                
                
            }
        ]
    };

    chart.setOption(option);

</script>
</body>
</html>